<template>
	<div class="nothing">
		<div class="pic">
			<img :src="pic" alt="">
		</div>
		<p>{{ text }}</p>
	</div>
</template>
<script>
export default {
  name: "Nothing",
  props: {
    pic: String,
    text: String
  }
};
</script>
<style lang="scss" scoped>
@import "../assets/scss/lib/index.scss";
.nothing {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 300px 0;
  .pic {
    width: 20%;
    img {
      width: 100%;
    }
  }
  p {
    font-size: 24px;
    color: color(gray);
  }
}
</style>